<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sports news</title>
<link rel="stylesheet" href="CSS/sports.css">
<link rel="icon" href="images/Xwuhuan.png" type="image/x-icon">
</head>
<body>

  <div class="top">
    <img src="images/wuhuan.jpg" alt="Olympic Rings">
    <ul class="Topnavbar">
      <li><a href="Future.html">奥运会</a></li>
      <li><a href="Sports.html">体育新闻</a></li>
      <li><a href="index.html">运动员</a></li>
      <li><a href="Originality.html">创意周边</a></li>
      <li><a href="Message.html">在线留言</a></li>
      <li><a href="Picture.html">精彩瞬间</a></li>
    </ul>
  </div>


  <div class="main">
    <h1 class="title">运动项目</h1>
    <table>
      <tr>
        <td><a href="#">跳水</a></td>
        <td><a href="#">田径</a></td>
        <td><a href="#">排球</a></td>
      </tr>
      <tr>
        <td><a href="#">游泳</a></td>
        <td><a href="#">举重</a></td>
        <td><a href="#">篮球</a></td>
      </tr>
      <tr>
        <td><a href="#">花样游泳</a></td>
        <td><a href="#">击剑</a></td>
        <td><a href="#">网球</a></td>
      </tr>
      <tr>
        <td><a href="#">花样滑冰</a></td>
        <td><a href="#">射箭</a></td>
        <td><a href="#">足球</a></td>
      </tr>
      <tr>
        <td><a href="#">自由滑雪</a></td>
        <td><a href="#">射击</a></td>
        <td><a href="#">乒乓球</a></td>
      </tr>
      <tr>
        <td><a href="#">单板滑雪</a></td>
        <td><a href="#">冰壶</a></td>
        <td><a href="#">羽毛球</a></td>
      </tr>
      <tr>
        <td><a href="#">高山滑雪</a></td>
        <td><a href="#">赛艇</a></td>
        <td><a href="https://olympics.com/zh/sports/">更多项目</a></td>
      </tr>
    </table>

  </div>

  <div class="headtitle">
    <h1>直播赛事</h1>
    <p><a href="">显示全部赛事</a></p>

  </div>

  <div class="bottom">

    <div class="container">

      <div class="item">
        <a href="https://olympics.com/zh/sport-events/2024-iwf-world-weightlifting-championships-manama/">

          <div class="T1">
            <p>举重</p>
            <img src="images/logo1.jpg" alt="logo1">
          </div>
          
          <div class="T2">
            <h2>12月6日-15日</h2>
            <p>举重 | 世锦赛 | 麦纳麦</p>
          </div>

          <div class="T3">
            <img src="images/JZ.jpg" alt="举重">
          </div>

        </a>
      </div>

      <div class="item">
        <a href="https://olympics.com/zh/sport-events/2024-wsf-squash-world-team-championships-hong-kong">

          <div class="T1">
            <p>壁球</p>
            <img src="images/logo2.jpg" alt="logo2">
          </div>
          
          <div class="T2">
            <h2>12月9日-15日</h2>
            <p>壁球 | 团体世锦赛 | 香港</p>
          </div>

          <div class="T3">
            <img src="images/BQ.jpg" alt="壁球">
          </div>

        </a>
      </div>

      <div class="item">
        <a href="https://olympics.com/zh/sport-events/2024-bwf-world-tour-finals-hangzhou">

          <div class="T1">
            <p>羽毛球</p>
            <img src="images/logo3.jpg" alt="logo3">
          </div>
          
          <div class="T2">
            <h2>12月11日-15日</h2>
            <p>羽毛球 | 世界巡回赛总决赛 | 杭州</p>
          </div>

          <div class="T3">
            <img src="images/YMQZB.jpg" alt="羽毛球">
          </div>

        </a>
      </div>

    </div>

  </div>


  <div class="under">
    <div class="Bottonnavbar">
      
      <div class="logo">
        <img src="images/wuhuan-2.jpg" alt="Olympic Logo">
      </div>
    
      <div class="section">
        <a href="index.html" class="first-row">奥运会</a>
        <a href="#" class="rows">巴黎2024</a>
        <a href="#" class="rows">结果和奖牌</a>
        <a href="#" class="rows">回看和集锦</a>
        <a href="#" class="rows">全部奥运会</a>
      </div>

      <div class="section">
        <a href="https://olympics.com/zh/olympic-channel" class="first-row">Olympic Channel</a>
        <a href="#" class="rows">电视频道</a>
        <a href="#" class="rows">直播赛事</a>
        <a href="#" class="rows">原创系列</a>
        <a href="#" class="rows">企业</a>
      </div>

      <div class="section">
        <a href="https://olympics.com/zh/news" class="first-row">新闻</a>
        <a href="#" class="rows">博客</a>
        <a href="#" class="rows">话题</a>
      </div>

      <div class="section">
        <a href="#" class="first-row">探索</a>
        <a href="#" class="rows">运动员</a>
        <a href="#" class="rows">运动项目</a>
      </div>
    </div>
    
    <div class="footer">
      <a href="#">国际奥委会</a>
      <a href="#">博物馆</a>
      <a href="#">商店</a>
      <a href="#">关于我们</a>
      <a href="#">联络中心</a>
      <a href="#">站点地图</a>
      <a href="#">生涯</a>
    </div>
    
    <div class="end">
      <p class="copyright">本次设计参照奥林匹克运动员网站制作@https://olympics.com/zh/athletes</p>
    </div>

  </div>

</body>
</html>